// enter 键进入
$(document).keydown(function (event) {
    if (event.keyCode == 13) {
        initData();
    }
});

$(function() {
    initData()
});

// 认证
function showAuth() {
    $("#authBody").show();
}

function wait() {
    $("#loading").show();
}
function hide() {
    $("#loading").hide();
}

function msg(msg) {
    $("#msgDialog").show();
    $("#msg").html(msg);
    setTimeout(function() {
        $("#msgDialog").hide();
    },2000);
}

function warn(msg) {
    playMiusic();
    $("#viewport").addClass("viewport_warn");

    // 提示
    $("#msgDialog").show();
    $("#msg").html(msg);
}
function stopWarn() {
    $("#viewport").removeClass("viewport_warn");

    // 提示
    $("#msgDialog").hide();
    $("#msg").html("");
    stopMiusic();
}

var backgroundMusic = new Audio('images/warn.mp3');
backgroundMusic.loop = true;
function playMiusic(){
    backgroundMusic.play();
}
function stopMiusic(){
    backgroundMusic.pause();
}

//自调用函数
(function () {
    // 1、页面一加载就要知道页面宽度计算
    var setFont = function () {
        // 因为要定义变量可能和别的变量相互冲突，污染，所有用自调用函数
        var html = document.documentElement;// 获取html
        // 获取宽度
        var width = html.clientWidth;

        // 判断
        if (width < 1024) width = 1024
        if (width > 1920) width = 1920
        // 设置html的基准值
        var fontSize = width / 80 + 'px';
        // 设置给html
        html.style.fontSize = fontSize;
    }
    setFont();
    // 2、页面改变的时候也需要设置
    // 尺寸改变事件
    window.onresize = function () {
        setFont();
    }
})();

(function () {
    //事件委托
    $('.monitor').on('click', ' a', function () {
        //点击当前的a 加类名 active  他的兄弟删除类名
        $(this).addClass('active').siblings().removeClass('active');
        //获取一一对应的下标 
        var index = $(this).index();
        //选取content 然后狗日对应下标的 显示   当前的兄弟.content隐藏
        $('.content').eq(index).show().siblings('.content').hide();
    });

})();